<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>新消息</title>
		<link rel="stylesheet" type="text/css" href="../css/newmessage.css"/>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	</head>
	<body>
		<header class="header">
			<p class="_back"><img src="../images/_left.jpg"/></p>
			<p>新消息通知</p>
			<p>保存</p>
		</header>
		<div class="content">
			<div>
				<p>好友加入</p>
				<label><input class="mui-switch" type="checkbox" checked> </label>
			</div>
			<div>
				<p>好友动态</p>
				<label><input class="mui-switch" type="checkbox" checked> </label>
			</div>
			<div>
				<p>评论</p>
				<label><input class="mui-switch" type="checkbox" checked> </label>
			</div>
			<div>
				<p>喜欢</p>
				<label><input class="mui-switch" type="checkbox" checked> </label>
			</div>
			<div>
				<p>行程邀请</p>
				<label><input class="mui-switch" type="checkbox" checked> </label>
			</div>
			<div>
				<p>分享</p>
				<label><input class="mui-switch" type="checkbox" > </label>
			</div>
		</div>
		<div class="newmessage_bottom">
			<p>免打扰模式 </p>
			<p>关闭<img src="../images/right.png"/></p>
		</div>
		<script src="../assets/jquery/jquery-3.2.1.min.js"></script>  
		<script src="../js/newmessage.js"></script>
	</body>
</html>
